<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>删除日志查询</title>

    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <!--    引入Layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>


</head>
<body>

    <div id="app">
        <el-tabs v-model="activeName" @tab-click="handleClick" >
            <el-tab-pane label="缴费记录删除日志" name="1">
                <div>
                    <iframe :src="src1" frameborder="0" name="iframe1" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="补卡记录删除日志" name="2">
                <div>
                    <iframe :src="src2" frameborder="0" name="iframe2" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="补水记录删除日志" name="3">
                <div>
                    <iframe :src="src3" frameborder="0" name="iframe3" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="开户记录删除日志" name="4">
                <div>
                    <iframe :src="src4" frameborder="0" name="iframe4" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>

    <script>


        var vm = new Vue({
           el:"#app",
           data:{
               activeName: '1',
               iframeHeight:0,
               src1:"/admin/html/dataManagement/list.html?tableId="+getTableId("1106"),
               src2:"/admin/html/dataManagement/list.html?tableId="+getTableId("1107"),
               src3:"/admin/html/dataManagement/list.html?tableId="+getTableId("1108"),
               src4:"/admin/html/dataManagement/list.html?tableId="+getTableId("1109"),
           },
           created(){
               this.iframeHeight = top.document.body.clientHeight - 180;
               this.setiflisth(0);
           },
            methods:{
                handleClick(tab, event) {
                    if(this.activeName == "1"){
                        this.src1 = "/admin/html/dataManagement/list.html?tableId="+getTableId("1106")+"&v="+guid();
                        this.setiflisth(0);
                    }
                    if(this.activeName == "2"){
                        this.src2 = "/admin/html/dataManagement/list.html?tableId="+getTableId("1107")+"&v="+guid();
                        this.setiflisth(1);
                    }
                    if(this.activeName == "3"){
                        this.src3 = "/admin/html/dataManagement/list.html?tableId="+getTableId("1108")+"&v="+guid();
                        this.setiflisth(2);
                    }
                    if(this.activeName == "4"){
                        this.src4 = "/admin/html/dataManagement/list.html?tableId="+getTableId("1109")+"&v="+guid();
                        this.setiflisth(3);
                    }
                },
                setiflisth(i){
                    setTimeout(function () {
                        let iframeWin = window[$("#app").find('iframe')[i]['name']]
                        iframeWin.vm.setTableHeight(vm.iframeHeight-140);
                    },800);
                }
            }
        });
    </script>
</body>
</html>